import React from 'react'
import { Button, Row, Col } from 'antd';
import { SearchOutlined } from '@ant-design/icons';


export default function grid() {
  return (
    <div>
      <Row>
        <Col span={8} style={{display: 'flex',justifyContent: 'center',alignItems: 'center'}}>
          <Button type="primary" icon={<SearchOutlined />} style={{ background: '#fdc50e', border: 'none', margin: '10px' }}>
            搜索
          </Button>
        </Col>
        <Col span={8} offset={8} style={{display: 'flex',justifyContent: 'center',alignItems: 'center'}}>
          <Button type="primary" icon={<SearchOutlined />}style={{  border: 'none', margin: '10px' }}>
            查看
          </Button>
        </Col>
        <Col span={8} style={{display: 'flex',justifyContent: 'center',alignItems: 'center'}}>
          <Button type="primary" icon={<SearchOutlined />} style={{ background: '#fdc50e', border: 'none', margin: '10px' }}>
            搜索
          </Button>
        </Col>
        <Col span={8} offset={8} style={{display: 'flex',justifyContent: 'center',alignItems: 'center'}}>
          <Button type="primary" icon={<SearchOutlined />}style={{  border: 'none', margin: '10px' }}>
            查看
          </Button>
        </Col>
        <Col span={8} style={{display: 'flex',justifyContent: 'center',alignItems: 'center'}}>
          <Button type="primary" icon={<SearchOutlined />} style={{ background: '#fdc50e', border: 'none', margin: '10px' }}>
            搜索
          </Button>
        </Col>
        <Col span={8} offset={8} style={{display: 'flex',justifyContent: 'center',alignItems: 'center'}}>
          <Button type="primary" icon={<SearchOutlined />}style={{  border: 'none', margin: '10px' }}>
            查看
          </Button>
        </Col>
      </Row>


    </div>
  )
}
